<template>
	<!--赛事-->
	<div class="hello">
		<div class="title">比赛</div>
		<!--搜索-->
		<div class="pisoo">
			 <mt-search v-model="value"></mt-search>
		</div>
		 <!--比赛记录-->
		 <div></div>
		<div class="suos_text">
			<p>数据库中没有该选手，你可以点击下面列确定按钮来创建选手.</p>
		</div>
		<button class="suos_btn" @click="suos_btn">确定</button>
	</div>
</template>
<script>
	import { Search } from 'mint-ui';
	export default{
		data:function(){
			return{
				value:''
			}
		},
		methods:{
			suos_btn:function(){
				this.$router.push({path:'/information'})		
			}
		}
	}
	
	
</script>

<style scoped="scoped">
	*{
		padding: 0;
		margin: 0;
		outline: none;
		border: none;
	}
	.title{
		font-size: 0.36rem;
		width: 100%;
		height: auto;
		height: 0.5rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.7rem;
		/*background-color:darkslategrey;*/
		text-align: center;
		/*position: relative;*/
	}
	.pisoo{
		width: 100%;
		font-size: 0.24rem;
		border: none;
		margin-top: 0.4rem;
		position: relative;
	}
	.suos_text{
		width:96%;
		height: 2rem;
		border:  solid 1px #ccc;
		line-height: 0.6rem;
		text-align: left;
		border-radius:0.2rem 0.2rem 0.2rem 0.2rem ;
		position: absolute;
		top: 20%;
		left: 2%;
	}
	.suos_text p{
		color: #CCCCCC;
		font-size: 0.3rem;
		margin-left: 0.3rem;
		margin-right: 0.2rem;
	}
	.suos_btn{
		width: 96%;
		height: 0.8rem;
		color: white;
		font-size: 0.3rem;
		background-color: orange;
		border-radius:0.2rem 0.2rem 0.2rem 0.2rem ;
		position: absolute;
		top: 40%;
		left:2%;
	}
</style>